/**技术支持：奇奇科技     www.qiqikeji.com*/
@charset "utf-8";

body{font-size: 14px; font-family: "微软雅黑";color: #555; background-color: #ecf4fb}
body,div,span, img, a, ul,li,ol,p,b,input,dl,dt,dd,h1,h3,h2,h4,h5,em,i,strong{ list-style:none;padding: 0; margin: 0; font-style: normal}
h1,h2,h3,h4,h6,h5{ font-style: normal; font-weight: normal}
h1,h2{ font-family: "微软雅黑";}
img,input{ border: none;;outline:none}
a:link,a:visited{color: #333; text-decoration:none;}
a:hover{color: #11629A;}
.clear{clear: both;height:0;font-size:1px;line-height:0px;}
.none{display: none;}
a:focus{
    outline: none;
    -webkit-moz-outline-style: none;
    -moz-moz-outline-style: none;
    -ms-moz-outline-style: none;
    -o-moz-outline-style: none;
    moz-outline-style: none;
}



.headTop{overflow: hidden;  margin: 38px auto 33px;}
.headTop .logo{width: 50%; float: left}
.headTop .logo img{margin: inherit}
.headTop .log-sreach{width: 23%;float: right; margin-top:0}
.headTop .log-sreach .log-reg{overflow: hidden;height: 20px; line-height: 20px; width:113px; float: right; font-family: Arial; text-align: right}
.log-sreach .log-reg a,.log-sreach .log-reg i{ padding-left: 2px}
.log-sreach .log-reg i{font-size: 22px}
.log-sreach .sreach{float: right; height: 28px; max-width: 217px; width: 100%; border-radius: 4px; padding-right: 30px; box-sizing: border-box;
    overflow: hidden; margin-top: 3px; border: 1px solid #d9d9d9; background-color: #fff!important; position: relative}

.log-sreach .sreach .txt{display: block;width: 100%; line-height:26px; padding-left: 10px;font-family: "微软雅黑"; font-size: 14px; background: #fff!important;}
.log-sreach .sreach .btn{display: block; width: 30px; height: 26px; cursor: pointer; position: absolute; top: 0; right: 0; background: url("../hw_images/hw_icon.png") 4px 2px no-repeat; background-color: #fff!important;}


/*首页轮播banner*/
/***banner*****/
#banner1{display: block}
#banner2{display: none}
.banner{
    padding-left:0px;
    padding-right: 0px; z-index: -1;
}
.banner .banner-min-box .ban-thumb{
    cursor: pointer;
    display:block; float: left;
    height: auto;
    letter-spacing: normal;
    width: 24.9%;
    padding:0 10px;
    box-sizing: border-box;
}
.banner .banner-min-box{
    bottom:10px; width: 1170px;
    position: absolute;
    right: 50%;
    margin-right: -585px;
    padding: 0 30px;
}
.banner .banner-min-box .ban-thumb img{
    cursor: pointer;
    border:1px solid #fff
}
.banner .banner-min-box .ban-thumb img.active{
    border:2px solid #11629a;
}
.index_focus {
    width: 100%; position: relative;
}
.nav_list_active {
    margin-bottom: -78px; -ms-transform: translate(0, 100%) rotate(0deg); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transform: translate(0, 100%) rotate(0deg); -webkit-transform: translate(0, 100%) rotate(0deg); -o-transform: translate(0, 100%) rotate(0deg);
}
.index_focus {
    width: 100%; overflow: hidden; position: relative;
}
.focus_pic {
    width: 100%; overflow: hidden;
}
.focus_pic ul {
    width: 400%; -ms-transform: translate(0, 0); transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
    list-style: none;
    padding:0px;
    margin-top:0px;
}
.focus_pic li {
    width: 25%;  float: left; position: relative;
}
.focus_pic li a {
    text-align: center; display: block;
}
.focus_btn {
    right: 0px;left:0px; bottom: 18px; position: absolute;
    display: none;
}
.focus_btn li {
    background: rgb(202, 202, 202); width: 50px; height: 1px; overflow: hidden; margin-right: 10px; display: inline-block; zoom: 1;
}
.focus_btn li.active {
    background: rgb(255, 0, 0);
}
.not-active .na-hide {display:none;}
.ai-banner-font {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.mid_wrap {font-size:0; letter-spacing:-3px;}
.mid_block { width: 1024px; margin: 0 auto;position: relative; height: 100%}
.banner-font-big {display:block;font-size:70px; line-height:74px; color:#FFF;text-align: left; font-weight: bold; letter-spacing: 0px; font-family:Arial}
.banner1-ext1 p{font-size:16px;color:#fff;line-height: 29px;font-family: Arial; letter-spacing: 0}
.banner-font-small {display:block;text-align: left;  font-weight:100; margin-top: 30px}
.banner-font-small  a{letter-spacing: 0; display: inline-block;width: 205px; height: 60px; border: 2px solid #FFFFFF;
    font-size: 30px; color: #FFFFFF; line-height: 60px}
.ai-banner-img {height:100%;width:auto;}
.annual-p{text-align: center; margin-top: 15px}
.annual-p a{display: inline!important; font-size: 22px; color: #FFFFFF; padding: 0 20px}
.annual-p a:hover{text-decoration: underline}
/*banner 1 动画效果*/
@-webkit-keyframes banner_1_kf_11 {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,-200px,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_11 {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,-200px,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
.focus_pic li.active1 .ext1 .banner-font-big {
    -webkit-animation-name: banner_1_kf_11;
    animation-name: banner_1_kf_11;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}
.focus_pic li.active1 .ext1 p {
    -webkit-animation-name: banner_1_kf_11;
    animation-name: banner_1_kf_11;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
@-webkit-keyframes banner_1_kf_12 {
    from { opacity: 0; -webkit-transform: translate3d(0,-200px,0); transform: translate3d(0,200px,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_12 {
    from { opacity: 0; -webkit-transform: translate3d(0,-200px,0); transform: translate3d(0,200px,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}

.focus_pic li.active1 .ext2 .banner-font-big {
    -webkit-animation-name: banner_1_kf_12;
    animation-name: banner_1_kf_12;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}
.focus_pic li.active1 .ext2 p {
    -webkit-animation-name: banner_1_kf_12;
    animation-name: banner_1_kf_12;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes banner_1_kf_13 {
    from { opacity: 0; -webkit-transform: translate3d(1000px,0,0); transform: translate3d(-1000px,0,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_13 {
    from { opacity: 0; -webkit-transform: translate3d(600px,0,0); transform: translate3d(-600px,0,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}

.focus_pic li.active1 .ext3 .banner-font-big {
    -webkit-animation-name: banner_1_kf_13;
    animation-name: banner_1_kf_13;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}
.focus_pic li.active1 .ext3 p {
    -webkit-animation-name: banner_1_kf_13;
    animation-name: banner_1_kf_13;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes banner_1_kf_14 {
    from { opacity: 0; -webkit-transform: translate3d(-600px,0,0); transform: translate3d(600px,0,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_14 {
    from { opacity: 0; -webkit-transform: translate3d(-600px,0,0); transform: translate3d(600px,0,0)}
    to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}


.focus_pic li.active1 .ext4 .banner-font-big {
    -webkit-animation-name: banner_1_kf_14;
    animation-name: banner_1_kf_14;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}
.focus_pic li.active1 .ext4 p {
    -webkit-animation-name: banner_1_kf_14;
    animation-name: banner_1_kf_14;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    animation-timing-function:cubic-bezier(.01, 1, .21, .99);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}



/*首页主内容*/
/**新闻动态*/
.newsMain{}
.newsMain .zhgg{height: 60px; margin: 20px 0; padding-left: 138px; background: url("../hw_images/news_icon.png") no-repeat; background-color: #fff!important;}
.newsMain .news{width:100%; height: 100%;overflow:hidden;position:relative; }
.newsMain .news a.news_more{position: absolute; right: 10px; top: 20px }
.newsMain .news .list{width:100%;position:absolute;top:0;left:0;}
.newsMain .news .list li{width:100%; line-height: 60px;overflow: hidden; padding-right:80px; box-sizing: border-box; background-color: #fff;}
.newsMain .news .list li a{float: left; background-color: #fff; width: 100%; overflow: hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;  font-size: 14px}

/**首页新闻推荐位*/
#news_sy .thumbnail{border: none; padding: 0; background: none;}
#news_sy .thumbnail .pic{overflow: hidden}
#news_sy .thumbnail .caption{color: inherit}
#news_sy .thumbnail .caption h3{font-size: 18px; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
#news_sy .thumbnail img{ -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;: }
#news_sy .thumbnail img:hover{transform:scale(1.07,1.07); -webkit-transform: scale(1.07,1.07);-o-transform: scale(1.07,1.07);-ms-transform: scale(1.07,1.07); }

/**首页解决方案*/
#solution{
    height: 510px;
    overflow: hidden;
    background-image: url(../hw_images/solution_bg.jpeg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}
#solution span.tit{display: block; margin: 35px auto 40px; width: 170px}
#solution .solut_box{}
#solution .thumbnail{border: none; padding: 0; background: none;}
#solution .thumbnail img{
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
#solution .thumbnail img:hover{
    -webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);
}


/**首页成功案例*/
#cases{overflow: hidden; padding-bottom: 30px}
#cases span.tit{display: block; margin: 35px auto 20px; width: 170px}
#cases .thumbnail{border: none; padding: 0; background: none; margin: 21px 0}
#cases .caseline{height: 1px; border-bottom: 1px dashed #dbdbdb; width: 100%; float: left}
#cases .cases_box{position: relative}
#cases .caseline_h{width: 100%; height: 1px; border-top: 1px dashed #dbdbdb; float: left}
#cases .caseline_s{position: absolute;width: 1px; height: 100%; border-right: 1px dashed #dbdbdb; top: 0}
#cases .caseline_s1{left: 25%}
#cases .caseline_s2{left: 50%}
#cases .caseline_s3{left: 75%}



/*footer*/
#footer{ background:#11629a; color: #fff; padding: 25px 0; margin-top: 50px}
#footer .foot{overflow: hidden; box-sizing: border-box; padding: 0 138px}
#footer .foot .foot_box{ box-sizing: border-box; position: relative; padding: 0 30px}
#footer .foot .foot_box .bord{ border: 1px solid #5991b8;padding:18px 10px 18px 90px; }
#footer .foot .foot_box span{display: block; font-size: 16px}
#footer .foot .foot_box b,#footer .foot .foot_box a{font-weight: normal; color: #fff!important;}
#footer .foot .foot_box i{display: block; position: absolute; left: 50px; top: 50%; width: 44px; height: 40px; margin: -20px 0 0 0}
#footer .foot .hezuo i{background: url("../hw_images/hw_icon.png")-9px -32px no-repeat}
#footer .foot .kefu i{background: url("../hw_images/hw_icon.png")-65px -32px no-repeat}
#footer .foot .hezuo i{background: url("../hw_images/hw_icon.png")-9px -32px no-repeat}
#footer .foot .weixin i{ width: 70px; height: 70px; margin: -35px 0 0 0; left: 35px}
#footer  p{text-align: center; padding-top: 25px}
#footer  p a{color: #fff;}

/**内页banner*/
#banner_ny{
    height: 300px;
    background-position: center;
    background-size: auto 100%;
}
/**内页主体*/

/**面包屑导航*/
#main .mbx{font-size: 12px; position: relative; }
.breadcrumb > li + li:before{content: ">";color: #555;}
.breadcrumb{padding: 15px 0; background: none;border-bottom: 1px solid #ddd;}
.telphone{position: absolute; right: 0; top: 10px; padding-left: 24px; line-height: 27px}
.telphone i{display: block; width: 18px; height: 18px;  position: absolute; left: 0; top: 5px;
    background: url("../hw_images/hw_icon.png") right top no-repeat}
.telphone em{font-family: Arial; font-size: 18px; color: #11629a; padding-left: 7px}
.telphone em a{ color: #11629a;}

/**主体内容*/
.mainCont{overflow: hidden; margin-right: -14px}

/**内页左侧菜单*/
.mainCont .menus{padding: 0 28px 0 0}
.mainCont .list-group{margin: 0}
.mainCont .list-group-item{border-radius: 0!important; border: none; border-bottom: 3px solid #ecf4fb; background-color: #dfebf5; position: relative}
.mainCont .list-group-item i{display: block; width: 2px; height: 100%; position: absolute; left: 0; top: 0;}
.mainCont .list-group-item b{position: absolute; right: 10px; top: 8px; color: #999}
.mainCont .list-group .curr{background-color: #fff; color: #11629a}
.mainCont .list-group .curr i{background-color: #11629a;}
.mainCont .list-group .curr b{color: #11629a;}
.mainCont .menus .menuTit{height: 50px; padding: 0 10px; line-height: 50px; background-color: #11629a; color: #dbdbdb; }
.mainCont .menus .menuTit em{font-size: 20px; padding-right: 8px; color: #fff;}
.mainCont .menus .adv{margin-top: 10px}

/*公司简介*/
.mainCont .content{line-height: 25px}
.mainCont .content img{max-width:100%; margin: 0 auto; display: block; }
.mainCont .content p{text-indent: 2em; margin: 10px 0}


/*发展之路*/
.mainCont .content .fazhan_ul li span{display: block; width: 110px; height: 38px; text-align: center;
    background-color: #393939; color: #fff; line-height: 38px; font-size: 16px}


/**新闻列表  和  新闻详情*/
.newsList{overflow: hidden}
.newsList li{display: block; overflow: hidden;}
.newsList li.newsLine{width: 100%; height: 1px; border-bottom: 1px dashed #ccc; margin: 20px 0}
.newsList .news-body{float: left; padding: 0; }
.newsList .news-left{float: left; padding: 0;padding-right: 20px}
.newsList .news-body .media-heading{padding-left: 90px; height: 30px; line-height: 30px; text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden ;position: relative; font-size: 16px; font-weight: bold; margin: 7px 0}
.newsList .news-body .media-heading i{display: block; width: 76px; height: 30px; position: absolute; left: 0; top: 0;
    background: url("../hw_images/hw_icon.png")0 -79px no-repeat; text-align: center; color: #fff;
}
.newsList .news-body .time{color: #999; font-size: 12px;}
.newsList .news-body .time span{line-height: 15px;padding-left: 24px; margin-right: 20px}
.newsList .news-body .time .span1{background: url("../hw_images/hw_icon.png")left -111px no-repeat}
.newsList .news-body .time .span2{padding-left: 30px; background: url("../hw_images/hw_icon.png")left -128px no-repeat}
.newsList .news-body p{height: 50px; overflow: hidden}
/*分页*/
.fenye{text-align: center}
.fenye a{display: inline-block; border-radius: 3px; border: 1px solid #DDD; height: 27px;
    line-height: 27px; width: 25px;  font-size: 12px; background-color: #f9f9f9;}
.fenye a.sx{width: 100px;}
.fenye span{padding: 0 10px; color: #11629a; font-size: 12px}
.fenye i{font-size: 12px; padding-left: 12px}

.newsContent .neirong {margin-top: 20px}
.newsContent .news-body p{height: auto}


/**解决方案*/
.newsList .news-body .media-heading i{background: url("../hw_images/hw_icon.png")0 -146px no-repeat;}


/*产品中心*/
.proMenu{overflow: hidden; position: relative}
.proMenu a{
    display:block; float: left; width: 12.5%; padding: 5px 0; text-align: center;
    font-size: 16px; color: #fff; /* background-color: #bfbfbf;  background-color: #B0E0E6*/ background-color: #5599FF;
    border: 1px solid #ecf4fb; border-top: none; border-bottom: none;
    margin-bottom: 3px;
}
.proMenu a.cur{background-color: #393939}
.proMenu a:hover{/* background-color: #393939 */background-color: #11629a;}
.proMenu i.proLine{display: block; width: 100%; height: 2px;  border: 1px solid #ecf4fb; border-bottom: none; border-top: none;
    background-color: #bfbfbf; position: absolute; left: 0; bottom: 2px; z-index: -1}
.proList{margin: 10px 0}
.proList .proBox{margin: 10px 0}
.proList .thumbnail{border: none; padding: 0; border-radius: 0}
.proList .caption{text-align: center}
.proList .caption h3{font-size: 20px;  font-family: Arial}
.proList .caption p{text-indent: 0}
.proList .caption .btn-default{background:none; border: 1px solid #000; border-radius: 0; width: 46%; padding: 5px 0;}
.proList .caption .btn-default:hover{background-color: #11629a; color: #fff;}



/**成功案例*/
.caseList{overflow: hidden; margin-right: -10px}
.caseList .thumbnail{border-radius: 0; padding: 12px 6px; border: 1px solid #ddd!important;}
.caseList .caseBox{padding: 0 10px}


/**常见问题*/
.questionList li{border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 32px}
.questionList li h3{font-size: 18px}
.questionList li .wentiNY{color: #333;}
.questionList li .wentiNY p{text-indent: 0; position: relative;margin-left: 45px;}
.questionList li h3{padding-left: 120px; position: relative}
.questionList li h3 span,.questionList li .wentiNY span{position: absolute; left: 0; top: 0;}
.questionList li h3 span i,.questionList li .wentiNY span i{display: inline-block; width: 14px; height: 14px; background:url("../hw_images/5.png"); /* background-color: #e44a46;  */margin-right: 10px; vertical-align: middle}
.questionList li .wentiNY{padding-left: 50px; position: relative}
.questionList li .wentiNY span i{background: none; margin-right: 16px}


/**下载中心*/
.downList{overflow: hidden}
.downList li{ padding:0 60px 20px 30px; margin-bottom: 22px; box-sizing: border-box; border-bottom: 1px dashed #ccc;position: relative; }
.downList li h3{font-size: 14px;line-height: 24px;}
.downList li  i,.downList li  a{display: inline-block; width: 24px; height: 24px; position: absolute; top: 0;}
.downList li  a{right: 20px; background: url("../hw_images/hw_icon.png")-96px -184px no-repeat}
.downList li  i.vid{left: 0; background: url("../hw_images/hw_icon.png")0  -185px no-repeat}
.downList li  i.pdf{left: 0; background: url("../hw_images/hw_icon.png")-104px  -212px no-repeat}
.downList li  i.pic{left: 0; background: url("../hw_images/hw_icon.png")0  -211px no-repeat}
.downList li  i.db{left: 0; background: url("../hw_images/hw_icon.png")-30px  -185px no-repeat}
.downList_doc{margin-top: 30px}
.downList_doc li{width: 47%; float: left}
.downList_doc li:nth-of-type(2n){float: right}


/**搜所结果*/
.searchList{margin-bottom: 30px}
.searchList li{border-bottom: 1px dashed #ccc; padding-bottom: 10px}
.searchList .news-body{width: 100%;}
.searchList .news-body span{font-size: 16px; color: #11629a}
.searchList .news-body .media-heading{padding-left: 0}
.searchList .news-body p{text-indent: 0; max-height: 50px; height: auto; margin: 3px 0}




@media screen and (max-width:1440px){
    .banner-font-big{font-size: 58px!important; line-height: 64px!important;}
    .banner1-ext1 p{line-height: 24px!important;}
    .banner-font-small{margin-top: 20px}
    .banner-font-small a{width: 190px; height: 55px; line-height: 55px}
    #boxli3 .banner-font-big{font-size: 46px!important; line-height: 42px!important;}
    #boxli3 .div3{margin-top: -150px!important;}
    .annual-p{top: 9px}
    .annual-p a{font-size: 20px}
    /*.banner .banner-min-box .ban-thumb{padding: 0 20px;width: 21%;}*/
    .banner .banner-min-box{bottom: 5px}
}
@media screen and (max-width:1366px){
    .banner-font-big{font-size: 48px!important;}
    .mid_block .div1{margin-top: -135px!important;}

}
@media screen and (max-width:1199px){
    #solution{height: 430px}
    #footer .foot{padding: 0}
    .mainCont .menus .menuTit em{font-size: 16px}
    .mainCont .menus .menuTit{font-size: 12px}

    .banner .banner-min-box .ban-thumb {
        padding: 0; margin-left: 3px;
        width: 134px;
    }
    .banner-font-big {
        font-size: 50px !important;
        line-height: 71px !important;
    }
    .banner-font-small a {height: 50px;line-height: 50px;width: 170px;font-size: 26px }
    .mid_block .div1{margin-top: -139px!important;}
    #boxli3 .div3 {margin-top: -130px !important;}
    .banner .banner-min-box{bottom: 1px; width: 610px; margin-right: -305px}
}

@media screen and (max-width:991px){
    #solution{height: 310px}
    #solution span.tit{width: 130px; margin: 22px auto 30px}
    #cases span.tit{width: 118px; margin: 22px auto 30px}
    #footer .foot .foot_box{padding: 0 15px}
    #footer .foot .foot_box i{left: 30px}
    #footer .foot .weixin i{left: 20px}
    #footer .foot .foot_box .bord{padding: 18px 10px 18px 82px;}
    #banner_ny{height: 210px}
    .newsList .news-body .media-heading{margin: 0}
    .newsList .news-body p{margin: 0; line-height: 23px}
    .downList_doc li{width: 100%;}
    .downList_doc li:nth-of-type(2n){float: left}


    /*.headTop{width: auto;padding: 18px 15px 12px;}*/
    /*div#bmenu{width: 100%}*/
    /*div#bmenu{width: 992px!important;}*/
    /*div#bmenu .menuLi_9{width: 97px!important;}*/
    /*div#bmenu .menuLi_1{width: 64px!important;}*/
    /*div#bmenu .menuLi_2{width: 106px!important;}*/
    /*.headTop .logo{width: 32%}*/
    .banner .banner-min-box{ bottom: 1px;}
    .banner-font-big{font-size: 40px!important; line-height: 50px!important;}
    .banner1-ext1 p{font-size: 14px!important; line-height: 19px!important;}
    .banner-font-small a {
        font-size: 24px; height: 38px;
        line-height: 38px;width: 135px;
    }
    .mid_block{width: auto}
    .mid_block .div1 { margin-top: -100px !important;padding: 0 5px}

    #boxli3 .banner-font-big {
        font-size: 38px !important;
        line-height: 34px !important;
    }
    .annual-p a {font-size: 16px}
    #boxli3 .div3{margin-top: -92px!important; height: 170px!important;}

    .index_main{width: auto;padding: 0 15px}
    .vid-foc .videoL{width: 50%}
    .vid-foc .focus{padding-left:0;width: 48%; float: right}
    .vid-foc .focus .focList a.tit{width: 70%}
    .vid-foc .focus .focList span.ent{width: 26%}
    .news .newsCnt .new .pic{width: 37%}
    .news .newsCnt .new .desc{width: 61%; float: right; padding-left: 0}
    .news .newsCnt .newsList a.tit{width: 70%}
    .news .newsCnt .newsList span.ent{width: 26%}
    .newsList li .pic{width: 20%!important;}
    .newsList li .desc{width: 77%;}

    .footer{padding: 0 15px; width: auto; height: auto}
    .footer .foot{width: 100%; padding: 15px 0;}
    .footer .foot .links{height: auto; width: 73%;margin-top: 0}
    .footer .foot .links a{width: 100%; line-height:20px; height: 22px}
    .footer .foot .ewm{margin-top: 0}

}



@media screen and (max-width:991px){
    /*.banner .banner-min-box .ban-thumb{width: 120px}*/
    /*.banner .banner-min-box{width: 495px}*/
    .proMenu a{width: 16.66%;}

}

@media screen and (max-width:767px){
    #solution{height: auto}
    #cases p{display: none}
    #cases .thumbnail{margin: 10px 0}
    .vid-foc .focus .focList{height: 205px}
    .news .newsCnt .new .desc p {height: 77px;line-height: 25px;}
    .news .newsCnt .new .desc span{margin-top: 13px}
    .headNav{display: none}
    .newsMain .zhgg{height: 44px; background-size: auto 100%; padding-left: 104px}
    .newsMain .news .list li{line-height: 44px}
    .newsMain .news a.news_more{top: 12px}
    .headTop{margin: 20px auto}
    .headTop .logo{width: 100%;}
    .headTop .log-sreach{width: 100%; margin-top: 20px}
    .log-sreach .sreach{max-width: inherit}
    #banner_ny{height: 170px}
    .mainCont{margin:  0}
    .mainCont .menus{padding: 0; margin-bottom: 15px}
    .mainCont .content{padding: 0}
    .breadcrumb{padding: 15px 0 44px;}
    .telphone{right: inherit; left: 0; top: 42px}
    .fenye a,.fenye span{display: none}
    .fenye a.sx{display: inline-block}


}

@media screen and (max-width:767px){
    /*.focus_pic li a.bannA{display: none}*/
    /*.focus_pic li a.bannAA{display: block!important;}*/
    .vid-foc .videoL{width: 100%}
    .vid-foc .videoL a img{width: 100%}
    .vid-foc .focus{width: 100%;}
    .vid-foc .focus .focList{height: auto}
    .news .newsCnt .new .pic{width: 80%; float: none; margin: 0 auto}
    .news .newsCnt .new .pic a img{width: 100%}
    .news .newsCnt .new .desc{width: 100%}
    .banner .banner-min-box{text-align: center; width: 100%; bottom: 8px; right: inherit}
    .banner .banner-min-box .ban-thumb{display: inline-block; float: none; width: 4%;padding: 0 10px; height: 2px; overflow: hidden}
    .banner .banner-min-box .ban-thumb img{cursor: pointer;border:2px solid #999;}
    .banner .banner-min-box .ban-thumb img.active{border:2px solid #fff;}
    .newsList li .pic{width:40%!important; padding-right: 0}
    .newsList li .desc{width: 100%; margin-top: 10px}
    .newsList .news-body{margin-top: 10px}
    #footer .foot .foot_box .bord{border: none;padding: 15px 10px 15px 82px}
}

@media screen and (max-width:540px){
    h1.font{height: 23px; margin: 28px 0 13px; padding: 0}
    h1.font img{height: 100%; display: block; float: left}
    h1.font a{margin-top: 5px}
    .mid_block .div1 {margin-top: -69px !important; height: 150px!important;}
    .banner-font-big {font-size: 28px !important;line-height: 40px !important;}
    .banner1-ext1 p {font-size: 12px !important; line-height: 15px !important;}
    .banner-font-small { margin-top: 5px;}
    .banner-font-small a { font-size: 16px;height: 22px; line-height: 22px; width: 90px;}
    #boxli3 .div3 { height: 140px !important; margin-top: -62px !important; }
    #boxli3 .banner-font-big {font-size: 20px !important;line-height: 20px !important; }
    .banner1-ext1 p {font-size: 14px !important;line-height: 15px !important; }
    .annual-p a{font-size: 14px; padding: 0 3px}
    #boxli3 .div3 .banner-font-small{margin-top: 8px!important;}
    .footer .foot .links{width: 92%}
    .footer .foot .ewm{display: none}
    .footer .foot .links a{height: auto; padding: 4px 0; line-height: 16px}
    .newsList li .pic{width:50%!important; }
    #banner_ny{height: 120px}
    .proMenu a{width: 20%;}


}
@media screen and (max-width:440px){
    h1.font{height: 20px;}
    .banner_ny img{min-height: 100px}
    .newsList li .pic{width:100%!important; }
    .news .newsCnt .new .pic{width: 100%;}
    .proMenu a{width: 25%;}

}